.head2 {position: relative;z-index: 11;height:6rem;background:#fff; }
        .head2 .logo{ width:46.8%; float:left;}
        .head2 .logo img{display:block; width:100%;}
        .topr{float: right;width:26%; }
        .topr h4{float: left;width: 40%;margin-top: 1.5rem;}
        .topr h4 img{width: 100%;display: block;}
        .topr .menu_btn{width:40%;float: right;}
        .topr .menu_btn a.downmenu{display:block; width:100%; padding:1.5rem 0 0 0;}
        .topr .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:50%; display: none;z-index:16;position:absolute; top:6rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .menu2 ul {background:#a01c87;padding-bottom: 3rem;}
        .menu2 ul li {line-height:3rem;text-align:center;color:#fff; position:relative;font-size:1rem;}

        .menu2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc;}
        .menu2 ul li:last-child:before{ background:none; border:0;}
        .menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}
        
        .m_ser{ height:5.1rem; width: 100%; position: absolute; left:0;top:6rem;display: none; z-index:1000;}
.ser{width:100%;margin:0 auto;height:5.1rem;;line-height:5.1rem;background:url(images/serbg.jpg) no-repeat left center;background-size:100%; }
.ser input{background:none;border:none;color:#7f7f7f;font-size:1rem;height:5.1rem;line-height: 5.1rem;float:left;}
.ser input:nth-child(1){width:62%;padding:0 1% 0 15%;}
.ser input:nth-child(2){width:17%;  cursor: pointer; height: 5.1rem; line-height: 5.1rem;}
       

              .g-adv{height: 25rem;}
              .g-adv img{width: 100%;display: block;}
            

    .g_xban em a{color:#fff;}



.g_link{padding-bottom:2rem;}
.g_link h2{height:3rem;line-height:3rem;font-size:1.6rem;color:#333;border-bottom:1px solid #ccc; }
    .g_link ul{margin-left: 1%;height:10rem;}
.g_link li{float: left;width: 23%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #333;border-bottom:1px solid #ccc;position:relative; }
.g_link li a{color: #333;}
.g_link li:before{content: "";position: absolute;width: 1px;height: 1rem;background: #333;right: 0;top:1.2rem;}
.g_link li:nth-child(4n):before{background:none;}





        .g-ft{height:20rem; padding-top: 2rem; position: relative; border-top: 0.5rem solid #f3f4f8;}
        .g-ft .up{width:19.6%;margin: 0 auto 0.8rem; }
        .g-ft .up img{width: 100%;display: block;}
        .g-ft .bah{font-size: 1rem; line-height:2rem; color: #333333;text-align: center;}
        .g-ft .bah a{color: #333333;}
        .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:640px;min-width:320px;background: #333333;}
        .m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px solid #585858; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
        .m-f01 li em{display: block;width: 45%;padding-top: 0.5rem; margin: 0 auto;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;line-height:2.2rem;;display:block;text-align:center;font-size: 1.2rem;position: relative;}

     

html{ background:#fff;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
/*首次加载页面切入效果*/
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
/*渐显动画*/
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}